export default {
  name: 'Users',
  data () {
    return {
      users: [],
      info: {
        query: '',
        pagenum: 1,
        pagesize: 2
      },
      total: 0
    }
  },
  created () {
    this.getUsersList()
  },
  methods: {
    async getUsersList () {
      const { data } = await this.$get('users', { params: this.info })
      this.total = data.total
      this.users = data.users
    }
    // sizeChangeHandler (val) {
    //   this.info.pagesize = val
    // //   this.getUsersList()
    // },
    // currentChangeHandler (val) {
    //   this.info.pagenum = val
    // //   this.getUsersList()
    // },
    // searchHandler () {
    //   this.info.pagenum = 1
    // //   this.getUsersList()
    // }
  },
  watch: {
    info: {
      handler () {
        this.getUsersList()
      },
      deep: true
    }
  }
}
